---
title: 將現有專案遷移到 Astro 
description: 將您的網站轉換為 Astro 的一些提示和技巧。 
i18nReady: true
---
import MigrationGuidesNav from '~/components/MigrationGuidesNav.astro';

**準備好將您的網站轉換為 Astro 了嗎？** 請參閱我們提供的任一個遷移技巧指南。

## 遷移指南

<MigrationGuidesNav />

請注意，這些頁面中有許多是**存根**：它們是正在等待您的貢獻的資源集合！

## 為什麼將您的網站遷移到 Astro？

Astro 提供了許多好處：性能、簡單性，以及許多您想要的功能都內建在框架中。當您需要擴展您的網站時，Astro 提供了一些 [官方和第三方社群的整合](https://astro.build/integrations)。

遷移的工作量可能比您想象的要小！

根據您現有的專案，您可能可以：

- 在 Astro 中直接使用您現有的 [UI 框架元件](/zh-tw/guides/framework-components/)。

- 使用您現有的 [CSS 樣式或函式庫](/zh-tw/guides/styling/) 包括 Tailwind。

- 使用您現有的 [Markdown/MDX 檔案](/zh-tw/guides/markdown-content/)，以及 [remark 和 rehype 套件](/zh-tw/guides/markdown-content/#configuring-markdown-and-mdx) 進行配置。

- 透過整合或 API 取得 [來自 CMS 的內容](/zh-tw/guides/cms/)。


## 我可以將哪些專案轉換為 Astro？

[很多現有的網站可以使用 Astro 構建](/zh-tw/concepts/why-astro/)。 Astro 非常適用於您已有的內容型網站，如部落格、登入頁面、行銷網站和個人作品集。 Astro 整合了幾個流行的headless CMS，並且允許您連接電子商務商店的購物車。

Astro 允許您選擇使用靜態網頁生成或 [server-side rendering (SSR)](/zh-tw/guides/server-side-rendering/) ，使其能夠非常好的取代 SSG 或需要即時獲取頁面資料的網站。

## 從何改變我的專案設計？

根據您現有的專案，您可能需要從不同方面進行思考：

- 使用 [Astro 群島](/zh-tw/concepts/islands/#什麼是-astro-群島) 設計以避免向瀏覽器發送不必要的 JavaScript。

- 使用 [客戶端 `<script>` 標籤](/zh-tw/guides/client-side-scripts/) 或 [UI 框架元件](/zh-tw/guides/framework-components/) 提供客戶端互動性。

- 使用 Nano Stores 或 local storage 管理 [共用狀態](/zh-tw/recipes/sharing-state-islands/)，而不是全局 hooks 或包裝類別。
